<div *ngIf="isModalShown" [config]="{ show: true }" (onHidden)="onHidden()"
     bsModal #loginModal="bs-modal" class="modal fade login-modal-view wf-login-modal" tabindex="-1" role="dialog"
     aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-body">
        <div class="wf-modal-title">
          <div class="wf-watermark">CASHIER</div>
          <div class="text">收银台</div>
        </div>
        <form class="form-horizontal cashier-container">
          <div class="order-info form-group">
            <ul class="th clearfix">
              <li>订单号</li>
              <li>商品名称</li>
              <li>费用合计</li>
              <li>实须支付</li>
              <li>备注</li>
            </ul>
            <ul class="order-list">
              <li>Hj-1234567890</li>
              <li>维修费用</li>
              <li>￥300.00</li>
              <li>￥300.00</li>
              <li>门锁维修</li>
            </ul>
          </div>
          <div class="pay-way form-group">
            <p class="title font_24">支付方式</p>
            <div class="pay-box">
              <p class="balance">
                <input type="radio" name="pay">
                <span class="wficon-pingguo"></span>
                <span>余额支付</span>
                <span class="colorRed">(余额不足)</span>
              </p>
              <p class="alipay">
                <input type="radio" name="pay">
                <span class="wficon-alipay"></span>
                <span>支付宝</span>
              </p>
              <p class="wechatpay">
                <input type="radio" name="pay">
                <span class="wficon-wechat"></span>
                <span>微信支付</span>
              </p>
            </div>
          </div>
          <div class="btn-box">
            <button class="pay-btn">确定</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

